import React from "react";
import "./App.css";
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
import Home from "./page/home";
import MainLayout from "./page/mainLayout";
import List from "./page/list";
import Set from "./page/set";
function App() {
  return (
    <div className="App">
      <BrowserRouter>
        <Routes>
          <Route path="/" element={<MainLayout></MainLayout>}>
            <Route path="/home" element={<Home></Home>}></Route>
            <Route path="/list" element={<List></List>}></Route>
            <Route path="/set" element={<Set></Set>}></Route>
            <Route path="/" element={<Navigate to="/home"></Navigate>}></Route>
          </Route>
        </Routes>
      </BrowserRouter>
    </div>
  );
}
export default App;
